<script>
import SvgIcon from '@/components/SvgIcon'

export default {
  render(h) {
  // 虚拟dom就是描述真实dom就是js对象
    // jsx理解上尚可，和我们template很像
    /**
     * h函数
     *  第一个参数 标签名 或者传入组件也行
     *  第二个参数 属性
     *  第三个参数 children - 可以传vnode 也可以传文本
     */
    // console.log(h)
    // const vnode = (
    //   <div>
    //     <h1>playground</h1>
    //     <h2>sf</h2>
    //   </div>
    // )
    // const vnode = h('div', { }, [
    //   h('h1', {}, '哈哈')
    // ])
    //
    const vnode = h(SvgIcon, {
      props: {
        iconClass: '404',
        className: 'abc'
      }
    })
    console.log(vnode)
    return vnode
  }
}

</script>

<style scoped>
/* .icon-404 {
  width: 2em;
  height: 2em;
} */
.abc{
  width: 2em;
  height: 2em;
}
</style>
